.all_wrap{
    background-image:url(../img/login/bg.png);
    background-size: cover;
    width:100%;
    height: 717px;
    .main{
        padding:100px 0px 0;
        .left{
             .up {
                 width: 425px;
                 height: 122px;
                 background: url(../img/login/word.png);
                 background-size: cover;
             }
             .down{
                 margin-top:32px;
                 width:390px;
                 height: 260px;
                  background: url(../img/img_bg.png);
                  background-size: cover;
                  position: relative;
                  .a1{
                      color:rgba(255, 255, 255, 1);
                      line-height:28px;
                      font-size: 18px;
                      position: absolute;
                      width:230px;
                      top:95px;
                      left:80px
                  }
                  .a2{
                      color:rgba(36, 96, 197, 1);
                      font-size: 16px;
                      position: absolute;
                      bottom: 30px;
                      left:150px;
                      line-height:30px;
                      text-align: center;
                      width:100px;
                      height: 30px;
                      cursor: pointer;
                  }
             }

        }
       
        .right{
            background: url(../img/login/bg1.png);
            background-size:cover;
            padding:48px 40px 0;
            width: 420px;
            height: 460px;
            .first{
                width: 272px;
                margin:0 auto;
            }
            .second{
                width: 272px;
                margin:0 auto;
            }
            .title{
                .a{
                    width:60px;
                    height: 60px;
                    margin-right:20px;
                    background-image: url(../img/login/logo.png);
                    background-size: cover;
                }
                .b{
                    span{
                        display: block;

                    }
                    .c{
                        font-weight:bold;
                        color:rgba(67,127,229,1);
                        font-size: 24px;
                        margin-top:8px;
                        line-height: 1;
                    }
                    .d{
                        color:rgba(67,127,229,1);
                        font-size: 14px;
                        margin-top:9px;
                    }
                   
                }
            }
            .hPic{
                margin-top:45px;
                padding-bottom: 10px;
                border-bottom: 1px solid rgba(201,201,201,1);
                width: 100%;
                span{
                    display: block;
                }
                .a{
                    width:16px;
                    height: 16px;
                    margin-left:17px;
                }
                .b{
                    color:rgba(102,102,102,1);
                    font-size: 12px;
                    line-height: 16px;
                    padding:0 30px 0 10px;
                }
                .c{
                    font-size: 12px;
                    line-height: 16px;
                    flex: 1;
                }
                .js_code{
                    // cursor: pointer;
                    width:100px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    background: #4089db;
                    color: #fff;
                    border-radius: 5px;
                }
                .js_code1{
                    background: rgba(229,229,229,1) ;
                    color:rgb(102,102,102)
                }
                .code{
                    margin-left: 16px;
                }
                .phone{
                    background-image: url(../img/login/2icon01.png);
                    background-size: cover;
                }
                .ma{
                    background-image: url(../img/login/2icon02.png);
                    background-size: cover;
                }
                .user{
                    background-image: url(../img/login/user.png);
                    background-size: cover;
                }
                .mad{
                    background-image: url(../img/login/iicon.png);
                    background-size: cover;
                }
             
            }
            .words{
                margin-top:57px;
                span{
                    color:rgba(64,137,219,1);
                    font-size: 12px;
                    // cursor: pointer;
                }
            }
            .reBtn{
                width: 272px;
                margin:10px auto 0;
                height:40px;
                background:rgba(60,155,237,1);
                border:1px solid rgba(229,229,229,1);
                border-radius:5px;
                color:rgba(255,255,255,1);
                font-size: 16px;
                text-align: center;
                line-height: 40px;
                // cursor: pointer;
            }
      
            .word{
                width: 272px;
                margin:0 auto;
                // cursor: pointer;
                color:rgba(234,96,96,1);;
                line-height: 1;
                margin-top:10px;
                font-size: 12px;
                text-align: right;
        
            }
        }
    }
}